<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="./src.1/Itcast.core.js"></script>
    <script src="./src.1/Itcast.dom.js"></script>
</head>
<body>
    <div>123</div>
    <div>456</div>
</body>
<script>

    // var o1 = I();

    // 1, appendTo
    // I( '<p>pppp</p>' ).appendTo( 'div' ).each(function () {
    //     this.style.backgroundColor = 'pink';
    // });


    // 2, prependTo
    // I( '<p>pppp</p>' ).prependTo( 'div' ).each(function () {
    //     this.style.backgroundColor = 'pink';
    // });


    // 3, insertBefore
    // I( '<p>pppp</p>' ).insertBefore( 'div' ).each(function () {
    //     this.style.backgroundColor = 'pink';
    // });

    // 4, insertAfter
    I( '<p>pppp</p>' ).insertAfter( 'div' ).each(function () {
        this.style.backgroundColor = 'pink';
    });

</script>


</html>